window.dom = {
    find(selector,scope){
        return (scope||document).querySelectorAll(selector)
    },
    style(node,name,value){
        if(arguments.length===3){
            //dom.style(div,'color','red')
            node.style[name]=value
        }else if(arguments.length===2){
            if(typeof name==='string'){
                //dom.style(div,'color') 相当于查询color属性
                return node.style[name]
            }else if(name instanceof Object){
                //可能传入的参数类型dom.style(div,object)
                for(let key in name){
                //注意node.style.key会变成字符串
                node.style[key]=name[key]
                }
            }
        }

    },
    each(nodeList,fn){//遍历所有节点
        fn(nodeList)
        if(nodeList.children){
            for(let i=0;i<nodeList.length;i++){
                fn.call(null,nodeList[i])
            }
        }
    }
}

const div = dom.find('#test>.red')[0] // 获取对应的元素
dom.style(div, 'color', 'red') // 设置 div.style.color
console.log(div)

const divList = dom.find('.red') // 获取多个 div.red 元素
dom.each(divList, (n)=> console.log(n)) // 遍历 divList 里的所有元素